page {
  --common-primary-color: #fa2c19;
  --common-primary-color-end: #fa6419;

  --common-progress-inner-background-color: linear-gradient(
    135deg,
    var(--common-primary-color) 0%,
    var(--common-primary-color-end) 100%
  );
  --common-progress-insidetext-background: var(
    --common-progress-inner-background-color
  );
  --common-progress-outer-background-color: #f3f3f3;
  --common-progress-outer-border-radius: 12px;
  --common-progress-insidetext-border-radius: 5px;
  --common-progress-insidetext-padding: 3px 5px 3px 6px;
  --common-progress-small-height: 5px;
  --common-progress-small-text-font-size: 7px;
  --common-progress-small-text-line-height: 10px;
  --common-progress-small-text-padding: 2px 4px;

  --common-progress-base-height: 20px;
  --common-progress-base-text-font-size: 9px;
  --common-progress-base-text-line-height: 13px;
  --common-progress-base-text-padding: var(
    --common-progress-insidetext-padding
  );
  --common-progress-large-height: 15px;
  --common-progress-large-text-font-size: 13px;
  --common-progress-large-text-line-height: 18px;
  --common-progress-large-text-padding: var(
    --common-progress-insidetext-padding
  );

  --tabbar-height: 100px;
}

page {
  height: calc(100% - var(--tabbar-height) - env(safe-area-inset-bottom));
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: PingFangSC, PingFang SC;
  box-sizing: border-box;
}

.custom {
  padding: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 1rem;
  // background-color: #f8f9fa;
  color: #000;
  // border: 1px solid #eaecf0;
  a {
    color: red;
  }
}

pre {
  word-break: break-all;
  white-space: pre-wrap;
}

.custom-h3 {
  margin-bottom: 1rem;
}
